/*css reset*/
h1,h2,h3,h4,h5,h6,ul,label{margin: 0; padding: 0; font-weight: normal; font-size: 100%;}
ul{list-style: none;}

html,body{width: 100%; background-color: #f7f7f7;}
body{font: 14px/1 "微软雅黑";}

.bg-white{background-color: #fff;}
.mb-20{margin-bottom: 20px;}
.mb-10{margin-bottom: 10px;}
.rlt{position: relative;}
.table-container{padding: 0; margin: 0 20px;}

/*滚动条样式*/
.scroll-style::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    
}
.scroll-style::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
    /*background: rgba(255,255,255,0.2);*/
   background: #187dd5;
}
.scroll-style::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}




header{width: 100%; height: 50px; position: fixed; left: 0; top: 0; display: flex; z-index: 9;}
.page-logo{height: 100%; width: 200px; display: flex; justify-content: center; align-items: center; background-color: #3080e8;}
.page-logo > img{width: 115px;}
.header-r-side{flex: 1; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.header-r-side h1{padding-left: 20px; font-size: 28px; color: #3080E8;}
.header-r-side ul{display: flex; width: 360px; margin-right: -10px;}
.header-r-side ul li{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #999; cursor: pointer;}
.header-r-side ul li:hover{color: #32adea;}
.header-r-side ul li label{display: inline-block; padding-left: 10px; cursor: pointer;}

.header-r-side .menu-toggle{/*margin-right: 20px;*/ position: relative; right: 20px; /*top: 50%; transform: translateY(-50%);*/ cursor: pointer;}

.page-point{width: 100%; height: 40px; padding-left: 200px; border-bottom: 1px solid #ddd; position: fixed; top: 50px; left: 0; z-index: 9; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.page-point.point-close{padding-left: 64px;}
.page-point ul{display: flex; height: 100%; margin-left: -15px;}
.page-point ul li{display: flex; align-items: center; justify-content: center; margin: 0 20px; position: relative; color: #999;}
.page-point ul li:first-child{margin-left: 35px;}
.page-point ul li:after{display: block; content: '>'; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); color: #999;}
.page-point ul li:last-child:after{display: none;}
.page-point ul li:last-child{color: #333;}
.page-point a{margin-right: 20px; position: relative; font-size: 20px; color: #666; cursor: pointer;}
.page-point a:hover{text-decoration: none;}
.page-point a:after{display: block; content: ''; background: url(../image/del-row.png) no-repeat; position: absolute; width: 20px; height: 20px; top: 50%; transform: translateY(-50%); left: -24px;}

.menu-tree{max-width: 200px; position: fixed; left: 0; top: 50px; z-index: 10; height: calc(100% - 50px); overflow-y: auto; background-color: #225daa;}
.tree-container .tree-item > .menu-title{display: flex;}
.tree-container .tree-item > .menu-title > img{display: block !important; padding: 22px; box-sizing: content-box;}
.tree-container .tree-item > .menu-title > .title{width: 136px; line-height: 64px; color: #fff; font-size: 16px;}
.tree-container .tree-item > *{color: #bdbdbd;}
.tree-item{cursor: pointer;}
/*.tree-item > ul{padding-left: 40px;}*/
.tree-item > ul > li .menu-title{line-height: 48px; padding-left: 40px;}
.tree-item > ul > li > ul > li .menu-title{padding-left: 60px;}
.tree-item > ul > li > ul > li ul > li .menu-title{padding-left: 80px;}
/*.tree-item > ul > li > ul{padding-left: 20px;}*/
/*.tree-item > ul > li > ul > li ul{padding-left: 20px;}*/
.tree-item ul{display: none;}

.menu-tree.menu-close .tree-item > .menu-title div{display: none;}
.menu-tree.menu-close .tree-item > ul{display: none !important;}

.menu-tree > div{display: flex;}
.menu-tree > div > img{display: block !important; padding: 22px; box-sizing: content-box;}
.menu-tree > div > .title{width: 136px; line-height: 64px; color: #fff; font-size: 16px;}
.menu-tree.scroll > div > .title{width: 132px;}
.menu-tree.scroll .tree-item > .menu-title > .title{width: 132px;}
#menu-close-btn{cursor: pointer;}

.menu-tree.menu-close > div > .title{display: none;}

.page-container{padding: 100px 0 0 200px;}
.page-container-70{padding-top: 70px !important;}
.page-container.page-close{padding-left: 64px;}

.page-section-title{line-height: 40px; margin: 0 -10px; position: relative; padding-left: 14px; font-size: 17px; color: #3080e8; border-bottom: 1px solid #ddd;}
.page-section-title:after{display: block; content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 22px; transform: translateY(-50%); background: #3080e8;}

.query-frame-wrap{padding: 20px 0; margin-left: 20px; margin-right: 20px; background-color: #fff; border: 1px solid #ddd;}
.query-frame{width: 100%; display: flex; align-items: center;}
.query-frame.query-button{justify-content: flex-end;}
.query-frame > label{width: 85px; text-align: right; margin-right: 10px;}
.query-frame > input,.query-frame > select,.query-frame > span{flex: 1; max-width: 200px;}
.query-frame > input{height: 28px;}
.query-frame > span{height: 25px; position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box;}
.query-frame > img{margin: 0 0 0 5px; cursor: pointer;}

.table-tool{display: flex; align-items: center; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.table-tool > li{padding: 0 10px; border-right: 1px solid #ddd; cursor: pointer;}
.table-tool > li:last-child{border-right: none;}
.table-tool > li:hover{color: #3080e8;}
.table-tool > li > label{cursor: pointer;}


@media (min-width: 992px) {		/*width大于992px生效*/
	.header-r-side .menu-toggle{display: none;}
	/*修改模态框的宽度*/
	.modal-dialog-big{width: 800px;}
	.modal-dialog-big-2{width: 908px;}
}

@media (max-width: 992px) {		/*width小于992px生效*/
	.page-container{padding-left: 0 !important;}
	.page-logo{width: 100px;}
	.page-logo img{width: 90px;}
	.page-point{padding-left: 0;}
	.menu-tree{width: 100% !important; max-width: initial; height: 50%; display: none;}
	.header-r-side h1{font-size: 18px; padding-left: 8px;}
	.header-r-side ul li{font-size: 14px;}
	.header-r-side ul{width: 300px; margin-right: 40px;}
	.page-point a{font-size: 14px;}
	.page-section-title{line-height: 30px; font-size: 16px;}
	.page-section-title:after{height: 20px; width: 2px;}
}

@media (max-width: 1200px) {		/*width小于1200px生效*/
	.page-container .container-fluid > div{margin-bottom: 20px;}
	.page-container .container-fluid .left-col-lg-4 > div{margin-bottom: 20px;}
	.page-container .container-fluid .col-lg-item-6 > .row > div{margin-bottom: 20px;}
	.page-container .container-fluid .col-lg-item-6 > .row{margin-bottom: 0 !important;}
	.page-container .container-fluid .col-lg-item-6{margin-bottom: 0 !important;}
	.page-container .container-fluid > div:last-child{margin-bottom: 0 !important;}
	.query-frame > input,.query-frame > select,.query-frame > .select2-container{max-width: initial;}
	.query-frame{justify-content: flex-end;}
}

/*query-frame*/
.page-container .container-fluid .col-lg-item-6 > .row{margin-bottom: 20px;}

/*模态框样式修改*/
 /*必填项加上此class*/
.form-required{position: relative;}
.form-required::before{display: block; content: '*'; position: absolute; color: red; right: 48px; top: 9px;}
.form-required-exception::before{top: 6px;}
.form-required-3::before{right: 62px;}
.form-required-4::before{right: 76px;}
.form-required-5::before{right: 90px;}
.form-required-6::before{right: 104px;}
.form-required-7::before{right: 118px;}
.form-required-8::before{right: 132px;}

.collection-mode{display: flex; padding-top: 6px;}
.collection-mode > label{display: flex; align-items: center; flex: 1; padding-right: 20px; justify-content: space-between; box-sizing: border-box;}
.collection-mode > label:last-child{padding-right: 0;}
.collection-mode > label > input{margin: 0;}

.modal-body .prompt-box{display: flex; justify-content: center; align-items: center;}
.modal-body .prompt-box p{margin: 0; margin-left: 20px;}
.modal-title{text-align: center; font-size: 18px;}

.modal-footer.text-center{text-align: center;}


/*左边树图标*/
.l-tree-icon{
	font-size: 20px;
    display: flex;
    color: #fff;
    height: 64px;
    justify-content: center;
    width: 64px;
    align-items: center;
}

.tree-item.open > .menu-title{background: rgba(0,0,0,.1);}
.tree-container .tree-item > .menu-title{position: relative;}
/*一级标签的箭头*/
.tree-container .tree-item > .menu-title::after{display: block; content: ''; background: url(../image/arrow-r.png) no-repeat; background-size: 100% auto; width: 16px; height: 16px; position: absolute; right: 28px; top: 50%; margin-top: -8px; transition: all .3s linear;}
.tree-item.open > .menu-title::after{transform: rotateZ(90deg);}

/*其他子标签的箭头*/
.menu-title.arrow{position: relative;}
.menu-title.arrow::after{display: block; content: ''; background: url(../image/arrow-r.png) no-repeat; background-size: 100% auto; width: 16px; height: 16px; position: absolute; right: 28px; top: 50%; margin-top: -8px; transition: all .3s linear;}
li.open > .menu-title::after{transform: rotateZ(90deg);}
.tree-container > li > ul li.open{margin-top: 1px;}
li.open > .menu-title{background: rgba(0,0,0,.1);}

/*首页*/
.data-monitoring-box{margin-right: 20px; margin-left: 20px; height: 160px; display: flex; align-items: center; background-color: #fff;}
.data-monitoring-box li{flex: 1; height: 75px; text-align: center; border-right: 4px solid #f7f7f7;}
.data-monitoring-box li:last-child{border-right: 0;}
.data-monitoring-box li > p{font-size: 45px; text-align: center; color: #666;}
.data-monitoring-box li:first-child > p{color: #3080e8;}
.data-monitoring-box li > span{padding-left: 50px; position: relative; color: #666;}
.data-monitoring-box li:first-child > span{padding-left: 0;}
.data-monitoring-box li:first-child > span::before{display: none;}
.data-monitoring-box li span::before{display: block; content: ''; width: 24px; height: 24px; background: url(../image/indexicon_02.png) no-repeat; background-position-y: -10px; position: absolute; top: -2px; left: 15px;}
.data-monitoring-box li:nth-child(2) > span::before{background-position-x: -10px;}
.data-monitoring-box li:nth-child(3) > span::before{background-position-x: -44px;}
.data-monitoring-box li:nth-child(4) > span::before{background-position-x: -78px;}
.data-monitoring-box li:nth-child(5) > span::before{background-position-x: -112px;}
.data-monitoring-box li:nth-child(6) > span::before{background-position-x: -143px;}

.charts-wrap{width: auto; margin: 20px 20px 0 20px;}
.charts-wrap ul{width: 100%; display: flex;}
.charts-wrap li{flex: 1; height: 300px; margin-right: 20px; background: #FFF !important; position: relative;}
.charts-wrap li.last{margin-right: 0;}
.charts-wrap span.title{display: block; position: absolute; top: 20px; left: 0; /*width: ;*/ line-height: 24px; padding-left: 20px; border-left: 4px solid #3080E8; font-size: 16px;}

/*tab切换*/
.chart-box{margin: 15px 20px 0 20px; border: 1px solid #DDDDDD; border-width: 0 1px 1px 1px;}
.chart-box .top{border: 1px solid #f7f7f7; border-bottom: 1px solid #DDDDDD; border-width: 0 1px 1px 0; margin-left: -1px; margin-right: -1px;}
.chart-box .top li{float: left; height: 30px; line-height: 30px; padding: 0 12px; cursor: pointer;}
.chart-box .top li:hover{color: #3080E8;}
.chart-box .top .active{margin-bottom: -1px; line-height: 24px; border: 1px solid #DDDDDD; border-width: 0 1px 0 1px; border-top: 4px solid #3080e8; background: #f7f7f7;}
.chart-box .bottom{min-height: 270px;}
.chart-box .bottom>li{display: none;}

/*.chart-box .bottom table{width: 100%; border: 1px solid #DDDDDD; border-collapse: collapse; background: #f9f9f9; margin-top: 20px;}
.chart-box .bottom table td,.chart-box .bottom table th{height: 38px;}
.chart-box .bottom .page-num{padding-bottom: 20px;}*/

/*解决select2宽度不是100%*/
.form-group .select2-container,.form-group > select {
    width: 100% !important;
}

/*时间控件加上小图标*/
.date-frame input{background: url(../image/time_03.png) calc(100% - 10px) center no-repeat;}

/*实时数据详情*/
.device-info{display: flex; margin: 0 20px;}
.device-info > li{padding-right: 100px; line-height: 65px;}
.device-info > li:last-child{padding-right: 0 !important;}
.device-info > li * {font-family: "宋体"; font-weight: bold;}

.real-time-data{margin: 20px; font-family: "宋体"; font-weight: bold;}
.real-time-data .left-side{float: left;}
.real-time-data .left-side{margin-right: 20px;}
.real-time-data p{float: left; width: 54px; height: 54px; line-height: 27px; margin-bottom: 20px; padding: 5px; text-align: center; font-size: 14px; background: #3080e8; color: #FFF; box-sizing: content-box;}
.real-time-data .date{float: right; width: 186px; padding-left: 10px; height: 64px; background: #FFF;}
.real-time-data .date strong{font-size: 30px; line-height: 35px;}
.real-time-data .date small{font-size: 16px; color: #999999; line-height: 24px;}
.real-time-data .left-side img{width: 260px; height: 156px;}
.real-time-data ul{width: auto; margin-left: 280px;}
.real-time-data li{float: left; width: 33.3333333%; height: 240px; position: relative;}
.real-time-data .last div{margin-right: 0; width: 100%;}
.real-time-data li>div{width: auto; height: 100%; margin-right: 20px; background: #FFF !important; }
.real-time-data span.title{display: block; position: absolute; top: 20px; left: 0; /*width: ;*/ line-height: 24px; padding-left: 20px; border-left: 4px solid #3080E8; font-size: 14px;}

.batteryBorder-container *{margin: 0; padding: 0; list-style: none;}
.batteryBorder-container h1,.batteryBorder-container h2,.batteryBorder-container h3{font-size: 14px; font-weight: normal;}
.batteryBorder-container .fl{float: left;}
.batteryBorder-container .fr{float: right;}
.relative{position: relative;}
.batteryBorder-container .select-span{display: inline-block; line-height: 38px; margin-right: 28px; position: relative; text-align: center; float: none !important;}
.batteryBorder-container .select-span:hover{background: #f9f9f9;border-radius: 4px;cursor: pointer;}
.batteryBorder-container .select-span:after{display: block;content: "";width: 18px;height: 18px;background: url(../image/icon-6.png) no-repeat;position: absolute;top: 68%;transform: translateY(-50%);right: -22px;}

.batteryBorder-container .select-frame{max-height: 300px;overflow-y: auto;padding: 14px 0;/* border: 1px solid #049D9D; */border-top: none;position: absolute;top: 36px;left: 406px;background: #f9f9f9;font-size: 14px;color: #FFF;}
.select-frame::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.select-frame::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.2);
}
.select-frame::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.batteryBorder-container .select-frame li{line-height: 30px;text-align: center;margin-bottom: 9px;color: #333;}
.batteryBorder-container .select-frame li:hover{
	cursor: pointer;
	background: #ddd;
	/* background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, .0)), color-stop(0.5, rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, .0))); */
	/* background: -webkit-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)); */
	background: -moz-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	background: -o-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	background: linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	color: #999;
}
.batteryBorder-container .select-frame li:last-child{margin-bottom: 0;}
/*电池实时看板*/
.batteryBorder-container{font-size: 14px;color: #333;overflow: hidden; margin: 20px 20px 0 20px;}
.batteryBorder-container .top-container{overflow: hidden;}
.batteryBorder-container .top-container img{height: 50px; padding-top: 4px;}
.batteryBorder-container .battery-choice{margin-left: 30px; height: 58px; display: flex; align-items: center; border: 1px solid #049d9d; border-width: 1px 0 1px 0;}
.batteryBorder-container .battery-choice label{display: inline-block; width: 90px; text-align: center;}
.batteryBorder-container .battery-choice span{width: 178px; margin-left: 28px;}

.batteryBorder-container .center-container{overflow: hidden; margin-right: -20px; }
.batteryBorder-container .layout{float: left;width: 50%;padding-right: 20px;box-sizing: border-box;padding-bottom: 20px;}
.batteryBorder-container .chart-wrap{border-top: 1px solid #049D9D;height: 350px;background: #fff;border-top: 4px solid #3081e7;}
.batteryBorder-container .parm-select{position: relative; padding: 10px 0;}
.batteryBorder-container .parm-select .title{width: 120px;display: inline-block;line-height: 30px;text-align: center;font-size: 16px;font-weight: bold;}
.batteryBorder-container .parm-select .title img{padding-right: 10px; vertical-align: middle;}
.batteryBorder-container .parm-select .select-span{margin-left: 20px; width: 140px;}
.batteryBorder-container .parm-select .status{width: 80px; height: 32px; position: absolute; top: 12px; right: 15px; background: url(../image/icon-5.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
.batteryBorder-container .parm-select .status.stop{background-image: url(../image/icon-2.png);}

.select-span{display: inline-block; line-height: 38px; margin-right: 28px; position: relative; text-align: center; float: none !important;}
.select-span:hover{background: #f9f9f9;border-radius: 4px;cursor: pointer;}
.select-span:after{display: block;content: "";width: 18px;height: 18px;background: url(../image/icon-6.png) no-repeat;position: absolute;top: 68%;transform: translateY(-50%);right: -22px;}

.select-frame{max-height: 300px;overflow-y: auto;padding: 14px 0;/* border: 1px solid #049D9D; */border-top: none;position: absolute;top: 36px;left: 406px;background: #f9f9f9;font-size: 14px;color: #FFF;}
.select-frame::-webkit-scrollbar {/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.select-frame::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.2);
}
.select-frame::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}
.select-frame li{line-height: 30px;text-align: center;margin-bottom: 9px;color: #333;}
.select-frame li:hover{
	cursor: pointer;
	background: #ddd;
	/* background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, .0)), color-stop(0.5, rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, .0))); */
	/* background: -webkit-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)); */
	background: -moz-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	background: -o-linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	background: linear-gradient(left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0));
	color: #999;
}
.select-frame li:last-child{margin-bottom: 0;}

/*预警定义*/
.form-group-exception .col-lg-7{display: flex; align-items: center;}
.form-group-exception .col-lg-7 > span{display: inline-block; padding: 0 5px;}
.form-group-exception .form-control{width: 120px;}

.warning-tips{padding-left: 150px; padding-top: 5px; color: #a94442;}

/*modal-footer居中*/
.modal-footer{text-align: center;}

/*视频监控管理*/
.monitor-box{margin: 0 20px;}
.monitor-box .left-side{float: left; line-height: 1.5; width: 157px; height: 447px; border: 1px solid #DDDDDD; border-width: 1px 0 1px 1px; background: #FFFFFF;}
.monitor-box .left-side>div{padding: 10px 0; width: 120px; margin: 0 auto;}
.monitor-box .left-side small{color: #999999;}
.monitor-box .left-side .date strong{font-size: 26px;}
.monitor-box .left-side .date{font-size: 16px;}
.monitor-box .left-side .name:after{display: block; content: ''; width: 120px; height: 1px; background-color: #DDDDDD; position: absolute; left: 50%; top: 0; margin-left: -60px;}
.monitor-box .left-side .name strong{font-size: 16px;}
.monitor-box .left-side .name small{font-family: "宋体";}
.monitor-box .video-wrap{margin-left: 158px; width: 800px; height: 400px; background: #000000;}

.bootstrap-table a{display: inline-block; padding: 0 5px;}
.monitor-box .video-wrap{margin-left: 158px; width: 800px; height: 400px; background: #000000;}

/*设备状态查询*/
.device-list{padding: 0 20px 0; font-family: "宋体"; font-weight: bold; overflow: hidden;}
.device-list ul{margin-right: -1%;}
.device-list li{width: 24%; margin: 0 1% 1% 0; position: relative; float: left; background: #ddd;height: 180px; }
.device-list li img{max-height: 100%;max-width: 100%;vertical-align: middle;display: block;}
.device-list .left-side{float: left;width: 45%;height: 100%;display: table-cell;vertical-align: middle;font-size: 0;padding: 5%;box-sizing: border-box;}
.device-list .right-side{float: left;padding-top: 24px;width: 50%;}
.device-list .right-side p{font-size: 0.8vw;margin: 0;width: 100%;}
.device-list .right-side small{color: #999999;}
.device-list li:after{display: block;content: '';width: 36px;height: 36px;position: absolute;top: 60%;left: 45%;}
.device-list .success:after{background: url(../image/ico_02.png) -52px -7px no-repeat;}
.device-list .danger:after{background: url(../image/ico_02.png) -9px -7px no-repeat;}
.device-list .warning:after{background: url(../image/ico_02.png) -95px -7px no-repeat;}

/*bootstrap-table内a标签间距*/
.bootstrap-table a{display: inline-block; padding: 0 5px;}

/*优化菜单树*/

li.open > ul{display: block;}

/*MQ配置弹框*/
.content-box-MQ{padding: 0 28px; padding-bottom: 20px !important;}
.content-box-MQ .item-list{border: 1px solid #ddd; margin-top: 0; margin-bottom: 20px; padding: 24px 10px 8px; height: 116px; overflow-y: auto;}
.content-box-MQ .item-list:last-child{margin-bottom: 0;}
.content-box-MQ .bottom{-webkit-user-select: none; padding: 20px 0 0; display: flex; flex-wrap: wrap;}
.content-box-MQ .bottom > label{display: inline-block; width: 110px; margin-bottom: 15px; margin-right: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.content-box-MQ .bottom input[type=checkbox]{margin-right: 6px;}
.content-box-MQ .bottom > label:nth-child(5n){margin-right: 0;}

.content-box-MQ .top{display: flex; align-items: center; justify-content: space-between;}
.content-box-MQ .l-box label{width: 100px;}
.content-box-MQ .l-box label > span{width: 20px; margin: 0; text-align: center; vertical-align: -2px; color: red;}
.content-box-MQ .l-box label > input{width: 170px;}
.content-box-MQ .r-box{-webkit-user-select: none;}
.content-box-MQ .r-box label{width: 60px;}
.content-box-MQ .r-box label>input{margin-right: 5px;}

.content-box-MQ input[type='checkbox']{vertical-align: -2px;}

.del-row,.add-row{cursor: pointer;}

/*历史数据列表*/
.operate{width: 150px; height: 16px; position: absolute; top: -50px; right: 0;}
.operate:after{display: block; content: ''; width: 1px; height: 16px; background: #DDDDDD; position: absolute; top: -1px; left: 66px;}
.operate span{display: inline-block; width: 68px; padding-left: 10px; text-align: center; cursor: pointer;}
.operate span:hover span:after{background-position-y: -18px;}
.operate span:after{display: block; content: ''; width: 16px; height: 16px; background: url(../image/icon16px_02.png) -139px -9px no-repeat; position: absolute; top: -2px; left: -2px;}
.operate span.last:after{display: block; content: ''; width: 16px; height: 16px; background: url(../image/icon16px_02.png) -192px -9px no-repeat; position: absolute; top: -2px; left: 76px;}

/*首页小手*/
.home-page{cursor: pointer;}

/*导出按钮*/
#exportStatus a{color: #333;}
#exportStatus:hover a{color: #3080e8;}

/*采集地址文字居中*/
.showCollectionFlag li{line-height: 24px; padding-left: 170px}
.showCollectionFlag label{display: inline-block; width: 120px; text-align: right;}
.showCollectionFlag span{display: inline-block; width: 200px;}

/*模态框-表格*/
.modal-dialog-table{width: 1200px;}
.modal-table-box table{width: 100%;}
.save-btn-box{position: relative; padding-bottom: 15px; text-align: right;}
.save-btn-box span{color: red;}

/*模态框时间*/
.form-group.date-frame input{background: url(../image/time_03.png) calc(100% - 10px) center no-repeat;}
.form-group.date-frame-disable input{background: #eee url(../image/time_03.png) calc(100% - 10px) center no-repeat;}

/*模态框input框对齐*/
@media (min-width: 1200px) {
	.input-align{width: 670px;}
	.input-align-2{width: 730px;}
}

/*模态框checkbox对齐*/
.modal-checkbox-box{padding-top: 6px;}
.modal-checkbox-box label{padding-right: 20px;}
.modal-checkbox-box label:last-child{padding-right: 0;}
.modal-checkbox-box label span{display: inline-block;padding-left: 5px;}
.modal-checkbox-box label input{margin-top: 0; vertical-align: -2px;}

.form-group textarea{resize: none}

.dropdown-menu{min-width: 54px !important;}/*2018.04.28*/
.dropdown-menu>li>a{padding:3px 15px}
/*厂区实时监控*/
.factory-tree-list{position: absolute; top: 100px; left: 200px; width: 200px; height: calc(100% - 100px); background: #fff; border-right: 1px solid #ddd;}
.factory-tree-list .title{position: absolute; top: 0; left: 0; width: 100%; line-height: 64px; text-align: center; border-bottom: 1px solid #ddd;}
.factory-tree-list .title::after{display: block; content: ''; width: 4px; height: 16px; background: #3080e8; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.factory-tree-list .tree-view-factory{margin-top: 65px;}
.list-group-item{border: none;}

.factory-right-container{margin-left: 200px; height: 500px;}
.factory-right-container .top-box{position: relative; width: 100%; display: flex; height: 58px; align-items: center; justify-content: center;}
.factory-right-container .top-box h2{font-size: 24px;}
.factory-right-container .top-box select{position: absolute; width: 200px; right: 200px;}
.factory-right-container .top-box button{position: absolute; right: 100px;}

.full-screen {position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99;
    margin: 0;}

/*2018-5-17*/
/* .kv-file-upload, .kv-file-remove{display: none !important;} */


/*点检项目*/
.spot-check-container{display: flex; padding-top: 90px; height: 100%;}
.spot-check-container .left-search-list{width: 200px; border-right: 1px solid #ddd; background: #fff;}
.spot-check-container .left-search-list h3{line-height: 64px; padding-left: 46px; position: relative; font-size: 16px; font-weight: bold; color: #666;}
.spot-check-container .left-search-list h3::before{display: block; content: ''; width: 4px; height: 16px; background: #3080e8; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.spot-check-container .left-search-list input{display: block; margin: 0 10px; width: 170px; height: 40px; padding: 0 40px 0 20px; background: #f1f1f1; border: none; outline: none;}
.spot-check-container .left-search-list .search-frame span{position: absolute; font-size: 24px; top: 50%; transform: translateY(-50%); right: 30px; cursor: pointer;}
.spot-check-container .left-search-list ul{height: calc( 100% - 104px); overflow-y: auto;}
.spot-check-container .left-search-list li{line-height: 40px; margin: 0 20px; padding-left: 10px; border-bottom: 1px solid #ddd; cursor: pointer;}
.spot-check-container .left-search-list li:last-child{border-bottom: none;}
.spot-check-container .right-table-box{flex: 1; overflow-y: auto;}

/*.disabled{opacity: .5; pointer-events: none;}*/
.fileinput-remove{display: none !important;}

/*2018-6-6*/
.spot-check-container .left-search-list li.active{color: #3080e8;}

.modal-table-box{}
.modal-table-box h3{line-height: 50px; border: 1px solid #ddd; border-width: 1px 0; font-size: 20px;}
.modal-table-box .table-box{width: 100%; margin-top: 10px;}
.modal-table-box .table-box table{width: 100%; border-collapse: collapse;}
.modal-table-box .table-box table th,.modal-table-box .table-box table td{text-align: center; padding: 10px 0;}
/*2018-7-3*/
.modal-table-box .table-box table th>.modal-table-box .table-box table td{border: 1px solid #ddd;}

.modal-body.scroll-style{height: 500px; overflow-y: auto;}

/*选项卡式页面*/
.table-container .table-item{display: none;}
.table-container .table-item.active{display: block;}

.table-tool-box .table-tool{display: none;}
.table-tool-box .table-tool.active{display: flex;}

.tab-table-btn{color: #333;}
.tab-table-btn > span{padding: 0 10px; height: 100%; cursor: pointer; font-size: 16px;}
.tab-table-btn > span.active{position: relative; color: #3080e8;}
.tab-table-btn > span.active::after{display: block; content: ''; width: 100%; height: 1px; background: #3080E8; position: absolute; left: 0; bottom: -11px;}

/*模态框放大样式*/
/*.modal-dialog.fullscreen{width: 100%; height: 100%; margin: 0;}*/
/*.modal-dialog.fullscreen .modal-content{height: 100%;}*/
/*.modal-dialog.fullscreen .modal-body{height: calc(100% - 116px); transition: all .3s;}*/
/*.modal-dialog .modal-body{height: 500px; overflow-y: auto;}*/

/*2018/6/22 - 月度点检表*/
.month-inspection{display: flex; height: 60px; align-items: center; border: 1px solid #ddd; border-radius: 2px;}
.month-inspection .title-item{margin-right: 10px;}
.month-inspection .title-item img{width: 18px; margin: 0 12px 0 16px;}
.month-inspection ul{flex: 1; display: flex; align-items: center; justify-content: space-around;}
.month-inspection ul li{padding: 0 5px; line-height: 36px; text-align: center; border-radius: 5px; cursor: pointer; width: 80px; overflow: hidden; text-overflow: ellipsis;}
.month-inspection ul li:hover{background: #2872d3; color: #fff;}
.month-inspection ul li.active{background: #2872d3; color: #fff;}

.inspection-table li{display: none;}
.inspection-table li.active{display: block;}

.is-true, .is-false{width: 16px; height: 16px; position: relative;}
.is-true::after{display: flex; justify-content: center; content: '√'; width: 16px; height: 16px; font-size: 16px; position: absolute; left: 0; top: 0;}
.is-false::after{display: flex; justify-content: center; content: '×'; width: 16px; height: 16px; font-size: 16px; position: absolute; left: 0; top: 0;}

/*2018-7-6*/
.red-star{position: relative;}
.red-star::before{display: block;content: '*';position: absolute;color: red;top: 3px;}
.red-star-2::before{right: 36px;}
.red-star-3::before{right: 50px;}
.red-star-4::before{right: 64px;}
.red-star-5::before{right: 78px;}
.red-star-6::before{right: 92px;}
.red-star-7::before{right: 106px;}
.red-star-8::before{right: 120px;}

.treeview .list-group-item { 
	overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
